/*:root {*/
/*    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,*/
/*    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;*/
/*    font-size: 18px;*/
/*}*/

input[type='text'] {
    font-size: inherit;
}

.center-horizontal {
    width: 50%; /* 或任何固定宽度 */
    margin-left: auto;
    margin-right: auto;
    /*display: flex;*/
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    /*height: 100vh; !* 假设你想要在整个视窗高度中居中 *!*/
}

/*ip-input-group*/
.ip-input-group { width: 100%; }
.ip-input-group-w { background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; width: 100%; border-radius: 2px; }
.ip-input-group.focus .ip-input-group-w { color: #495057; background-color: #fff !important; border-color: #059ce6; outline: 0; box-shadow: none; }
.ip-input-group .ip-input-group-input { }
.ip-input-group .ip-input-group-input input.form-control { background-color: transparent; border: 1px solid transparent; width: 100%; text-align: center; padding: 2px 5px; }
.ip-input-group .ip-input-group-input input.form-control.focus{ background-color: #f4f4f4 !important; }
.ip-input-group-span { padding: 0 4px; color: #888; }



.msg {
    margin: 0;
    padding: 0.25em 0.5em;
}

.msg--status {
    /* a light yellow */
    background-color: #ffffc9;
}

.msg--message {
    /* a light blue */
    background-color: #d2f4ff;
}

.msg--error {
    background-color: pink;
}